.content {
    width: 100%;
    height: 100%;

    .pages {
        background-color: white;
        width: 806px;
        margin: 0 auto;

        .page {
            // border-bottom: 1px solid black;
            // background-color: rgb(231, 241, 246);
            width: 100%;
            height: 1120px;
            position: relative;

            .logo {
                position: absolute;
                right: 16px;
                top: 12px;
                height: 32px;
            }

            .title_ {
                position: absolute !important;
                top: 11px;
                left: 14px !important;
                font-size: 14px;
            }

            .table {
                position: absolute;
                width: 60%;
                top: 66%;
                left: 20%;

                table {
                    border-collapse: collapse;
                    /* 合并边框 */
                    width: 100%;
                }

                /* 表头样式 */
                th {
                    border: 1px solid black;
                    /* 边框样式 */
                    padding: 8px;
                    text-align: center;
                }

                /* 单元格样式 */
                td {
                    border: 1px solid black;
                    /* 边框样式 */
                    padding: 8px;
                    text-align: center;
                    height: 36px;
                    vertical-align: middle;
                    line-height: 1.5;
                }
            }
        }

        .page1 {
            .title {
                position: absolute;
                width: 100%;
                top: 26%;
                left: 0%;
                text-align: center;
                font-weight: bolder;
                font-size: 38px;
            }

            .times {
                position: absolute;
                width: 100%;
                top: 56%;
                left: 0%;
                text-align: center;
                font-size: 18px;
                font-weight: 550;
            }

            .company {
                position: absolute;
                width: 100%;
                top: 90%;
                left: 0%;
                text-align: center;
            }

            .maketime {
                position: absolute;
                width: 100%;
                top: 93%;
                left: 0%;
                text-align: center;
            }

            td:nth-child(1) {
                width: 30%;
            }

            td:nth-child(2) {
                width: 70%;
            }
        }

        .page2 {
            .part {
                position: absolute;
                width: 100%;
                left: 0;
            }

            .title {
                font-size: 20px;
                text-align: center;
                top: 76px;
            }

            .content {
                //   background-color: rgb(250 235 215);
                width: 80%;
                left: 10%;
                height: 300px;
                top: 138px;

                p {
                    line-height: 1.8;
                    margin-bottom: 20px;
                }
            }
        }

        .page3 {
            .part {
                position: absolute;
                width: 100%;
                left: 0;
            }

            .title {
                width: 100%;
                text-align: left;
                top: 64px;
                font-size: 24px;
                font-weight: 500;
            }

            .title_s {
                top: 140px;
                left: 10%;
                font-size: 19px;
                font-weight: 500;
            }

            .table {
                width: 80%;
                left: 10%;
                top: 170px;

                td:nth-child(1) {
                    width: 18%;
                }

                td:nth-child(2) {
                    width: 10%;
                }

                td:nth-child(3) {
                    width: 40%;
                    text-align: left;
                }

                td:nth-child(3) {
                    width: 40%;
                    text-align: left;
                }
            }
        }

        .page4 {
            .table {
                width: 80%;
                left: 10%;
                top: 170px;

                td:nth-child(1) {
                    width: 40%;
                }

                td:nth-child(2) {
                    width: 40%;
                }

                td:nth-child(3) {
                    width: 20%;
                    text-align: center;
                }

                tbody {
                    tr:nth-child(even) {
                        height: 200px;
                    }
                }
            }
        }
    }
}
